@import "./global.scss";
@import "./element.scss";
@import "./transition.scss";

//清空默认样式
* {
  padding: 0;
  margin: 0;
}

// 横向居中
.align-center {
  display: flex;
  align-items: center;
}

// 鼠标移上去变小手
.hand {
  cursor: pointer;
}

/* 设置滚动条的样式 */
::-webkit-scrollbar {
  width: 12px;
}
/* 滚动槽 */
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.3);
  border-radius: 10px;
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(189, 187, 187, 0.6);
  -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(255, 0, 0, 0.4);
}

// 定义菜单出现后遮罩的样式
.mask {
  position: absolute;
  // transition: all ease-in-out 0.3s;
  left: 0;
  width: 100vw;
  height: calc(100vh - $menu-title-height);
  background-image: linear-gradient(to left, #303c4c45, #303c4c45);
  z-index: 3002;
}
